<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Dismantling</title>

	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

	<!-- <link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css"> -->
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<!-- <script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>

	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<script src="js/idangerous.swiper.min.js"></script>
</head>
<body>




	<!-- header -->
	<header id="header">
		<div class="centerCon clearfloat">
			<div class="Logo">
				<a href="#"><img src="images/public/Logo.jpg"></a>
			</div>
			<div class="NavAndSearch clearfloat">
				<nav class="clearfloat">
					<a class="active" href="#">首页</a>
					<a href="#">新闻</a>
					<a href="#">专题</a>
					<a href="#">视频</a>
					<a href="#">发售列表</a>
					<a href="#">Digger</a>

				</nav>
				<form class="Search">
					<input id="SearchInupt" class="" type="text" name="" pattern="Search">
					<button type="button" id="showSearch" class="iconCn"><i class="iconfont">&#xe63c;</i></button>
				</form>
			</div>
		</div>
	</header>
	<!-- header end -->







	<!-- section广告 -->
	<section class="advertisement">
		<img class="imgban" src="images/ku/img_21.jpg">
	</section>

	<!-- section广告 -->


	<!--section.DismantlinginfoVideo -->
	<section class="DismantlinginfoVideo">
		<div class="centerCon">
			<div class="head">172期 匹克 霍华德2代拆解</div>
			<div class="word">
				<p>德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那个能飞善扣的“超人”、场上的暴力中锋、场下的贪玩活宝。现如今，过了而立之年的“火花”经历了低谷与挫折，他更需要的不是证明自己，而是涅槃重生。对于这一主题，匹克霍华德1代已经将其诠释得十分完美。到了2代产品，匹克也将设计主题上升到了全新层次——扭转乾坤。</p>
				<p>对于球鞋，霍华德也有着和别人不一样的要求。作为一名传统中锋，他对自己的签名鞋最大的要求就是——低帮。上赛季他也会经常穿着Low Cut版的DH 1上场比赛。到了DH 2，一双少见的“低帮中锋鞋”诞生了。</p>
			</div>
			<div class="VidCon">
				<embed src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=f0362fpab3i&auto=0" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
			</div>
		</div>
	</section>

	<!--section.DismantlinginfoVideo -->


	<section class="DismantlingQH">
		<div class="centerCon">
			<div class="infoCn clearfloat">
				<div class="Wd">
					<div class="hd">peak <br/> hd2</div>
					<div class="line"></div>
					<p class="info">Flywave编制技术与皮质鞋面结合，FightSpeed技术和全掌Zoom Air 气垫的组合来提升贴地感，反馈性和FightSpeed反馈性和FightSpeed反馈性和FightSpeed</p>
				</div>
				<div class="imgc">
					<img src="images/ku/img_23.jpg">
				</div>
			</div>

			<div class="DismantlingQHNav">
				<div class="swiper-container" id="DismantlingQHNav">
					<div class="swiper-wrapper" id="QHNavCon">
						<div class="swiper-slide"><div class="butomUc active"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>
						<div class="swiper-slide"><div class="butomUc"><img src="images/ku/img_22.jpg"></div></div>

					</div>

					

				</div>
				<!-- 如果需要导航按钮 -->
				<div class="QHNavbutton-prev"></div>
				<div class="QHNavbutton-next"></div>
			</div>
		</div>
	</section>


	<section class="DismantlingBobu">
		<div class="centerCon">
			<div class="DismantlingBobuSwei">
				<div class="swiper-container" id="DismantlingBobuSwei">
					<div class="swiper-wrapper">
						<div class="swiper-slide" data-ind="0德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那">0<img src="images/ku/img_24.jpg"></div>
						<div class="swiper-slide" data-ind="1德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那">1<img src="images/ku/img_24.jpg"></div>
						<div class="swiper-slide" data-ind="2德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那">2<img src="images/ku/img_24.jpg"></div>
						<div class="swiper-slide" data-ind="3德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那">3<img src="images/ku/img_24.jpg"></div>
						<div class="swiper-slide" data-ind="4德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那">4<img src="images/ku/img_24.jpg"></div>
					</div>

					
				</div>
				<div class="swiper-button-prev BobuSweiprev"></div>
				<div class="swiper-button-next BobuSweinext"></div>


			</div>

			<div class="text" id="DismantlingBobuSweiText">
				<span>•</span>
				德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那个能飞善扣的“超人”、场上的暴力中锋、场下的贪玩活宝。现如今，过了而立之年的“火花”经历了低谷与挫折，他更需要的不是证明自己，而是涅槃重生。对于这一主题，匹克霍华德1代已经将其诠释得十分完美。到了2代产品，匹克也将设计主题上升到了全新层次——扭转乾坤。
			</div>
		</div>
	</section>


	<section class="overBot">
		<div class="centerCon">
			<img src="images/ku/img_25.jpg">
		</div>
	</section>



	<section class="Summary">
		<div class="centerCon">
			<div class="head">总结</div>
			<div class="text">
				德怀特•霍华德是一名有趣的球员。早先，我们对于他的印象是那个能飞善扣的“超人”、场上的暴力中锋、场下的贪玩活宝。现如今，过了而立之年的“火花”经历了低谷与挫折，他更需要的不是证明自己，而是涅槃重生。对于这一主题，匹克霍华德1代已经将其诠释得十分完美。到了2代产品，匹克也将设计主题上升到了全新层次——扭转乾坤。
			</div>
			<div class="guangg">
				<a href="#"><img src="images/ku/img_16.jpg"></a>
			</div>
		</div>
	</section>






















		<!-- section.comment -->
	<section class="comment">

		<div class="logoin" id="logoin">
			<div class="logoinCon">
				<div class="exit"><i class="iconfont">&#xe66c;</i></div>
				<a class="qq" href="#">使用QQ直接登录</a>
				<a class="wx" href="#">使用微信直接登录</a>
				<a class="wb" href="#">使用微博直接登录</a>
			</div>
			
		</div>

		<div class="centerCon">
		
			<div class="commentBottom clearfloat">
				<div class="name">分享：</div>
				<div class="bot clearfloat bdsharebuttonbox">
					<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="background-image: none;padding-left: 30px;height: 28px; margin:0;"></></a>
					<a href="#"  class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="background-image: none;padding-left: 30px;height: 28px; margin:0;"></a>
					<a href="#"  class="bds_weixin" data-cmd="weixin" title="分享到微信" style="background-image: none;padding-left: 28px;height: 28px; margin:0;"></a>
				</div>
			</div>

			<form>
				<div class="import clearfloat">
					<div class="imgC">
						<img src="images/public/icon.jpg">
					</div>
					<div class="text">
						<textarea placeholder="随便说点什么吧...."></textarea>
					</div>
				</div>
				<div class="butC clearfloat">
					<div class="line">0条评论</div>


					<button class="but">评论</button>

					<!-- <div class="verify"><input type="text" name="" placeholder="请入验证码"><img src="images/ku/yanz.jpg"></div> -->
				</div>
			</form>

			
			<ul class="commentlist">
				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<li class="clearfloat">
					<div class="imgc"><img src="images/public/icon.jpg"></div>
					<div class="word">
						<div class="name">long7</div>
						<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						<span class="time">8月13日</span>
					</div>
				</li>

				<div class="overcomment">没有更多...</div>
				<div class="nocomment">暂无评论，快抢沙发吧</div>
			</ul>
		</div>
	</section>
	<!-- section.comment -->




	<!-- section.Recommend -->
	<section class="Recommend">
		<div class="centerCon">
			<div class="InHeader"><span>相关推荐</span></div>


			<ul class="Recommendlist">
				<li class="clearfloat">
					<a href="#">
						<div class="imgC"><img src="images/ku/img_17.jpg"></div>
						<div class="word">
							<div class="name">jordan</div>
							<div class="title">Air Jordan 3 Retro OG“True Blue”即将到来</div>
							<div class="time">By Jas  .  1 day ago</div>
							<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						</div>
					</a>
				</li>

				<li class="clearfloat">
					<a href="#">
						<div class="imgC"><img src="images/ku/img_17.jpg"></div>
						<div class="word">
							<div class="name">jordan</div>
							<div class="title">Air Jordan 3 Retro OG“True Blue”即将到来</div>
							<div class="time">By Jas  .  1 day ago</div>
							<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						</div>
					</a>
				</li>

				<li class="clearfloat">
					<a href="#">
						<div class="imgC"><img src="images/ku/img_17.jpg"></div>
						<div class="word">
							<div class="name">jordan</div>
							<div class="title">Air Jordan 3 Retro OG“True Blue”即将到来</div>
							<div class="time">By Jas  .  1 day ago</div>
							<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						</div>
					</a>
				</li>

				<li class="clearfloat">
					<a href="#">
						<div class="imgC"><img src="images/ku/img_17.jpg"></div>
						<div class="word">
							<div class="name">jordan</div>
							<div class="title">Air Jordan 3 Retro OG“True Blue”即将到来</div>
							<div class="time">By Jas  .  1 day ago</div>
							<p>让这款球鞋的爱好者能切身感受到 Air-Sole 的舒适感，并一睹其真容。</p>
						</div>
					</a>
				</li>
			</ul>

		</div>



	</section>

	<!-- section.Recommend end -->



	<!-- footer -->
	<footer id="footer">
		<div class="centerCon">
			<div class="imgC"><img src="images/public/Logo_02.jpg"></div>
			<div class="link">
				<a href="#">关于我们</a>
				<a href="#">联系方式</a>
				<a href="#">隐私政策</a>
				<a href="#">广告业务</a>
				<a href="#">招聘信息</a>
			</div>

			<p>2016LONG7.COM ALL RIGHTS RESERVED / POWERED BY LONG7 PROFESSIONAL SNEAKER MEDIA 沪ICP备15526666号</p>
		</div>
	</footer>
	<!-- footer end -->










	<script type="text/javascript" src="js/public.js"></script>


	<!-- <script type="text/javascript" src="js/index.js"></script> -->


	<script type="text/javascript">
		$(function () {


			function QHNavCon(){

				var DismantlingQHNavSwiper = new Swiper ('#DismantlingQHNav', {
					mode : 'vertical',
			    // loop: true,
			    slidesPerView : 4,
			    
			    
			    
			    
				})


				$('.QHNavbutton-prev').click(function(){
					DismantlingQHNavSwiper.swipePrev(); 
				})
				$('.QHNavbutton-next').click(function(){
					DismantlingQHNavSwiper.swipeNext(); 
				})





				$('#QHNavCon').on('click','.swiper-slide',function(){
					$(this).siblings().find('.butomUc').removeClass('active');

					$(this).find('.butomUc').addClass('active');
				})








			}
			QHNavCon();



			


			function DismantlingBobuSwei(){

				var DismantlingQHNavSwiper = new Swiper ('#DismantlingBobuSwei', {
					loop: true,

					nextButton: '.BobuSweinext',
					prevButton: '.BobuSweiprev',
					onSlideChangeEnd: function(swiper){
						var tet = $(swiper.slides[swiper.activeIndex]).attr('data-ind');
						$('#DismantlingBobuSweiText').html('<span>•</span>'+ tet)
					}



				})  
				$('.BobuSweiprev').click(function(){
					DismantlingQHNavSwiper.swipePrev(); 
				})
				$('.BobuSweinext').click(function(){
					DismantlingQHNavSwiper.swipeNext(); 
				}) 


				
			}
			DismantlingBobuSwei();
		})
	</script>

</body>
</html>